<script type="text/javascript">
    var cH = $("#page_authenticationlogin .content").height();
    var lH = $("#page_authenticationlogin #login").height();
    var totalH = ((cH-lH)+0)/2;

    $("#page_authenticationlogin #login").css({marginTop:totalH+"px"});
    $("#submit-login").tap(function(e){
        e.preventDefault();
        if(!$("#login_username").isNullOrEmpty()){
            $(this).parent().addClass("ajax");
            setTimeout(function(){
                localStorage.login_username = $("#login_username").val();
                if($("#page_controlindex script").length==0){
                    redirect_state("control/index");
                }else{
                    redirect_back();
                }
                $("#submit-login").parent().removeClass("ajax"); 
            }, 500);
        }
    });
    
    if(localStorage.login_username != null){
        redirect_back();
    }
    
</script>
<section class="header">
    <img src="public/images/logo.png" alt=""/>
    <h2>Bệnh viện quân đội 354</h2>
    <p>354 Hospital</p>
</section>
<section class="content content-padded">
    <div id="login">
        <div class="box-form">
            <header>Đăng nhập điều khiển hệ thống</header>
            <div style="margin-bottom: 15px">
                <span class="field"><input id="login_username" type="text" placeholder="Tên đăng nhập"/></span>
            </div>
            <div>
                <span class="field"><input id="login_password" type="password" placeholder="Mật khẩu"/></span>
            </div>
        </div>
        <div class="box-form">
            <div>
                <img src="public/images/ajaxload.GIF" alt=""/>
                <a id="submit-login" class="button">Đăng nhập</a>
            </div>
        </div>
    </div>
</section>
<section class="footer">
    Hệ thống điều khiển điện bệnh viện 354
</section>